<template>
    <div>
      <div class="abroadBg">
        <img src="../assets/img/class/ali_01.png" alt="">
        <div class="abroadNav">
          <router-link to="/electronicPract">电商实操班</router-link>
          <router-link to="/electronicPro">电商精英班</router-link>
          <router-link to="/view">美工视觉班</router-link>
          <router-link to="/abroad">阿里巴巴/跨境班</router-link>
        </div>
      </div>
      <div class="commonTitle">
        <h3>电商实操班</h3>
        <h4><span>1</span><span>适用对象</span></h4>
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-xs-3">
              <img src="../assets/img/class/aLi_06.png" alt="">
              <h3>有电脑基础</h3>
            </div>
            <div class="col-md-3 col-xs-3">
              <img src="../assets/img/class/aLi_07.png" alt="">
              <h3>有兴趣</h3>
            </div>
            <div class="col-md-3 col-xs-3">
              <img src="../assets/img/class/aLi_08.png" alt="">
              <h3>想从事美工</h3>
            </div>
            <div class="col-md-3 col-xs-3">
              <img src="../assets/img/class/aLi_09.png" alt="">
              <h3>网店店长</h3>
            </div>
          </div>
        </div>
        <h4><span>2</span><span>课程介绍</span></h4>
      </div>

      <div class="electronicClass">
        <div class="container">
          <div class="row">
            <div class="col-md-6 col-xs-12">
              <div class="classZone">
                <div class="classDes">
                  <h5>美工工具</h5>
                </div>
                <h6>学习简介</h6>
                <ul>
                  <li><span>●</span>新建画布、淘宝图片格式常识</li>
                  <li><span>●</span>PS工具手把手详情讲解，小技巧讲解</li>
                  <li><span>●</span>五大抠图技巧大网罗</li>
                  <li><span>●</span>文字工具使用及排版效果技巧</li>
                </ul>
                <h6>学习收益</h6>
                <ul>
                  <li><span>●</span>了解怎么样制作淘宝图片，所需要注意的一些常识</li>
                  <li><span>●</span>会用PS的常用面板工具，会实际操作，理解工具的用途</li>
                  <li><span>●</span>学会各种抠图技巧，抠图是常用的技巧，为后面作图打下基础</li>
                  <li><span>●</span>文字直接表达店铺的中心意思，很好用到文字工具提升图片美感</li>
                  <li><span>●</span>熟悉多种修图工具，为后面配合修图储备知识</li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xs-12">
              <div class="classZone">
                <div class="classDes">
                  <h5>调色工具</h5>
                </div>
                <h6>学习简介</h6>
                <ul>
                  <li><span>●</span>颜色的种类与原理知识</li>
                  <li><span>●</span>如何调整图片的亮度和对比度、色相饱和度 </li>
                  <li><span>●</span>调节图片上的单一颜色或细节部分</li>
                  <li><span>●</span>如何调整模特皮肤颜色 </li>
                  <li><span>●</span>让产品整体更美观、更清晰</li>
                </ul>
                <h6>学习收益</h6>
                <ul>
                  <li><span>●</span>理解三原色及色彩变化过程，冷暖色、颜色的外观、饱和度、明度</li>
                  <li><span>●</span>学会使用哪种工具调整图片的亮度、对比度、色相饱和度</li>
                  <li><span>●</span>掌握如何微调图片上的细节总分的颜色</li>
                  <li><span>●</span>学会修饰模特皮肤的颜色，让模特皮肤更健康、好看</li>
                  <li><span>●</span>教你从体检中心 看到不一样的运营方法</li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xs-12">
              <div class="classZone">
                <div class="classDes">
                  <h5>详情页制作</h5>
                </div>
                <h6>学习简介</h6>
                <ul>
                  <li><span>●</span>淘宝主图制作规范和注意事项 </li>
                  <li><span>●</span>详情页新建与尺寸说明 </li>
                  <li><span>●</span>详情页具体内容制作步骤与技巧</li>
                  <li><span>●</span>详情页保存技巧、上传发布</li>
                  <li><span>●</span>无线端详情促销模块添加技巧</li>
                </ul>
                <h6>学习收益</h6>
                <ul>
                  <li><span>●</span>学会淘宝主图的制作技巧与规范</li>
                  <li><span>●</span> 理解淘宝详情页的尺寸规范与新建要求 </li>
                  <li><span>●</span>学会如何去制作一个完整的淘宝产品详情页</li>
                  <li><span>●</span>学会整体详情页的切片技巧与上传发布技巧</li>
                  <li><span>●</span>学会无线端详情怎么添加关联及促销模块</li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xs-12">
              <div class="classZone">
                <div class="classDes">
                  <h5>海报制作</h5>
                </div>
                <h6>学习简介</h6>
                <ul>
                  <li><span>●</span>全屏轮播海报制作尺寸与新建技巧</li>
                  <li><span>●</span>全屏轮播海报制作流程</li>
                  <li><span>●</span>全屏轮播海报色彩搭配与文案搭配讲解</li>
                  <li><span>●</span>淘宝专业版怎么发布全屏轮播海报及海报加链接 </li>
                  <li><span>●</span>全屏轮播海报怎么转成无线端海报</li>
                </ul>
                <h6>学习收益</h6>
                <ul>
                  <li><span>●</span>学会快速新建全屏轮播海报尺寸</li>
                  <li><span>●</span>学会制作海报的步骤和工具的配合使用</li>
                  <li><span>●</span>掌握如何让海报更美观、协调的知识</li>
                  <li><span>●</span> 学会不买智能版的前提下发布全屏轮播海报 </li>
                  <li><span>●</span>学会PC端海报修改成无线端海报的技巧 </li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xs-12">
              <div class="classZone">
                <div class="classDes">
                  <h5>精修图</h5>
                </div>
                <h6>学习简介</h6>
                <ul>
                  <li><span>●</span>模特图精修技巧</li>
                  <li><span>●</span>产品图精修技巧 </li>
                </ul>
                <h6>学习收益</h6>
                <ul>
                  <li><span>●</span>学会模特人像图的磨皮、调色、修瘦等一整套技能</li>
                  <li><span>●</span>学会产品图的去污、调色、重绘等精修技能</li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xs-12">
              <div class="classZone">
                <div class="classDes">
                  <h5>首页制作</h5>
                </div>
                <h6>学习简介</h6>
                <ul>
                  <li><span>●</span>店招模块的制作与知识点</li>
                  <li><span>●</span> PC端首页的制作步骤与流程 </li>
                  <li><span>●</span>PC端首页的切片、发布加链接技巧</li>
                  <li><span>●</span> 无线端首页的制作步骤与流程 </li>
                  <li><span>●</span>无线端首页的切片、发布加链接技巧</li>
                </ul>
                <h6>学习收益</h6>
                <ul>
                  <li><span>●</span>学会PC端店招模块的制作与切片，加链接、发布技能</li>
                  <li><span>●</span>学会PC端首页的产品、促销模块制作技能</li>
                  <li><span>●</span>掌握PC端首页的切片与发布加链接流程</li>
                  <li><span>●</span>熟练无线端首页的制作技巧工具与注意事项</li>
                  <li><span>●</span>熟练无线端首页的切片方法、发布，注意与PC端的不同之处</li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xs-12">
              <div class="classZone">
                <div class="classDes">
                  <h5>推广图</h5>
                </div>
                <h6>学习简介</h6>
                <ul>
                  <li><span>●</span>直通车图制作及提升点击率知识</li>
                  <li><span>●</span>钻展图制作及提升点击率知识 </li>
                </ul>
                <h6>学习收益</h6>
                <ul>
                  <li><span>●</span>学会直通车图的要素，以及如何提高一张直通车图的点击率</li>
                  <li><span>●</span>掌握钻展图的要素，以及如何提高钻展图的点击率</li>
                  <li><span>●</span>新客户的流量获取渠道</li>
                  <li><span>●</span>老客户的营销重要性 学会老客户的分类管理</li>
                  <li><span>●</span>让您在与客户沟通交流中无障碍，教您最实用的招</li>
                </ul>
              </div>
            </div>
            <div class="col-md-6 col-xs-12">
              <div class="classZone">
                <div class="classDes">
                  <h5>海量福利</h5>
                </div>
                <h6>每周福利</h6>
                <ul>
                  <li><span>●</span>photoshop软件免费安装</li>
                  <li><span>●</span>赠送350装修模板 </li>
                  <li><span>●</span>素材网站整理</li>
                  <li><span>●</span>设计PSD下载</li>
                  <li>..... </li>
                </ul>
                <ul></ul>
                <p>更多敬请期待每周更新</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</template>

<script>

    export default {
        name: "art-view"
    }
</script>

<style scoped>
  @import '../assets/css/classCommon.css';
  @import '../assets/css/electronicPro.css';
</style>
